
    ui|selection,
    ui|selector input {
        display: none;
    }

ui|selector {
    display: block;

    ui|clickbutton {
        float: none;
        margin: 0;

        ui|labelbox {
            padding: 5px 30px 7px 5px;
            border-color: @field-border-color;
            text-transform: none;
            color: @btn-toolbar-color;

            &:before, &:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-style: solid;
            }

            &:before {
                top: 12px;
                right: 10px;
                border-width: 5px 5px 0 5px;
                border-color: @btn-border-color transparent transparent transparent;
            }

            &:after {
                top: 12px;
                right: 11px;
                border-width: 4px 4px 0 4px;
                border-color: @btn-bg-color transparent transparent transparent;
            }
        }

        &.hover {

            ui|labelbox:before {
                border-color: @btn-hover-border-color transparent transparent transparent;
            }

            ui|labelbox:after {
                border-color: @btn-hover-bg-color transparent transparent transparent;
            }
        }

        &.active {
            ui|labelbox:before {
                top: 12px;
                border-width: 0px 5px 5px 5px;
                border-color: transparent transparent @btn-hover-border-color transparent;
            }

            ui|labelbox:after {
                top: 13px;
                border-width: 0px 4px 4px 4px;
                border-color: transparent transparent @btn-hover-bg-color transparent;
            }
        }

        &.infobox {
            ui|clickbutton ui|labeltext {
                font-style: italic;
            }
        }
    }
}


ui|fields ui|field.fieldhelp ui|selector ui|clickbutton ui|labelbox {
    overflow: hidden;
    float: none;
}

/* SIMPLESELECTORS ............................................ */

ui|simpleselector {
    display: block;
    position: relative;
    overflow: visible;
}


/* MULTISELECTORS ............................................. */

ui|multiselector {

    ui|box {
        display: block;
        height: 100px;
        .user-select(none);
        padding: 5px 0 5px 0;
        overflow: auto;

        div {
            padding: 1px 5px 2px 7px;
            width: 100%;

            &.selected {
                background: @primary-color;
                color: #FFF;
            }
        }
    }

    input {
        display: none;
    }

    ui|datadialog, ui|postbackdialog {
        padding: 2px 0 0 0;
    }
}

/* DATAINPUTSELECTORS ......................................... */
ui|datainputselector,
ui|datainputdialog,
ui|datainputbutton,
ui|urlinputdialog {
    display: block;
    position: relative;

    ui|toolbarbutton {
        margin: 0;
        padding: 5px;
        border: none;
        position: absolute;
        right: 3px;
        top: 3px;

        ui|labelbox {
            padding: 0px;
        }
    }

    input {
        width: 100%;
    }
}


ui|datainputselector {
    &.with-image {
        input {
           padding-left: 30px;
        }

        ui|box ui|labelbox {
            position: absolute;
            left: 8px;
            top: 8px;
        }
    }
}
ui|field.fieldhelp ui|fielddata {
    position: relative;
}

    ui|field.fieldhelp ui|fielddata ui|datainputselector input,
    ui|field.fieldhelp ui|fielddata ui|datainputdialog input,
    ui|field.fieldhelp ui|fielddata ui|datainputbutton input,
    ui|field.fieldhelp ui|fielddata ui|urlinputdialog input {
        width: 100%;
    }
